<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Applying gradient colors to a graph</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
p.whs2 { margin-left:80px; }
img_whs3 { border:none; width:367px; height:128px; float:none; border-style:none; }
ol.whs4 { list-style:decimal; }
p.whs5 { margin-left:0px; }
ul.whs6 { list-style:square; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs5 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying reports\nAdding features for users\nFormatting a graph report\nApplying gradient colors to a graph");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Applying gradient colors to a graph</h1>
<p>Gradient colors blend two colors to create a gradual color change in 
 the background of a graph or a 
<a HREF="Gradients.htm">control in a Report 
 Services document</a>. You can select the two colors, as well as the direction 
 of the blending. The direction is called the gradient shading style, and 
 several variants are available within each shading style. For example, 
 Horizontal centered is one variant of the Horizontal shading style. &nbsp;</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Horizontal</p></li>
	
<li class=p><p>Vertical</p></li>
	
<li class=p><p>Diagonal Up</p></li>
	
<li class=p><p>Diagonal Down</p></li>
	
<li class=p><p>From Corner</p></li>
	
<li class=p><p>From Center</p></li>
	
<li class=p><p>Custom</p></li>
</ul>
<p>The Horizontal and Vertical shading styles contain Horizontal centered 
 and Vertical centered variants. These variants, shown below, are three-way 
 or mirror gradients. These types of gradients blend the colors from the 
 middle of the graph series out to the edges. That is, one color is applied 
 in the center of the graph series and the other to the edges of the graph 
 series, then the two are blended. The two halves are identical, as though 
 a mirror was placed along the center. You can choose to blend the colors 
 horizontally or vertically, as shown in the rectangles below, by specifying 
 the gradient shading style and variant.</p>
<p class="whs2"><img src="images/gradientsmirror.gif" x-maintain-ratio="TRUE" width="367px" height="128px" border="0" class="img_whs3"></p>
<p><span style="font-weight: bold;"><B>Note</B></span>: The procedure below describes 
 how to format a graph using the Format: Graph dialog box because this 
 dialog box contains all formatting options for a graph. As an alternative, 
 you can quickly format a graph by right-clicking the graph component and 
 selecting a formatting option. You can also &nbsp;format 
 the graph using the Formatting toolbar, which is available from the <span 
 style="font-weight: bold;"><B>View</B></span> menu.<span style="font-weight: bold;"> 
 <B></B></span></p>
<h2>To apply gradient colors to the series of a graph</h2>
<ol start="1" type="1" class="whs4">
	
<li class=p><p>Run a report, and display it in either Graph view or 
 Grid and Graph view.</p></li>
	
<li class=p><p>Right-click the graph to modify, select <span style="font-weight: bold;"><B>Fill</B></span>, 
 and then <span style="font-weight: bold;"><B>Gradients</B></span>. The Gradients 
 dialog box opens. </p></li>
	
<li class=p><p class="whs5">Select the two colors to use 
 for the gradient from the <span style="font-weight: bold;"><B>Color 1</B></span> 
 and <span style="font-weight: bold;"><B>Color 2</B></span> drop-down lists. </p></li>
	
<li class=p><p class="whs5">From the <span style="font-weight: bold;"><B>Shading 
 Styles</B></span> area, select a shading style in which to display the gradient. 
 The shading style determines the direction in which the two colors are 
 blended together. </p></li>
	
<li class=p><p class="whs5">If you select <span style="font-weight: bold;"><B>Custom</B></span> 
 from the Shading Styles area, you can specify the following:</p></li>
	<ul type="square" class="whs6">
		
<li class=p><p class="whs5"><span style="font-weight: bold;"><B>Transition 
 Type</B></span>: Determine the direction in which the gradient colors transition.</p></li>
		
<li class=p><p class="whs5"><span style="font-weight: bold;"><B>Angle</B></span>: 
 Determine the angle at which the gradient colors are blended.</p></li>
		
<li class=p><p class="whs5"><span style="font-weight: bold;"><B>X 
 Offset</B></span>: Determine the horizontal position of the point at which 
 the gradient colors are blended.</p></li>
		
<li class=p><p class="whs5"><span style="font-weight: bold;"><B>Y 
 Offset</B></span>: Determine the vertical position of the point at which the 
 gradient colors are blended.</p></li>
	</ul>
	
<li class=p><p class="whs5">Select a graph variant on 
 the right.</p></li>
	
<li class=p><p class="whs5"><span style="margin-left: 0px;">Click 
 </span><span style="margin-left: 0px; font-weight: bold;"><B>OK</B></span><span 
 style="margin-left: 0px;"> to apply the changes.</span></p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
